<!-- overtime_record.vue -->
<template>
  <div class="row">
    <div class="col-sm-3 control-label" style="margin-bottom: 10px;height: 34px;">{{label}}</div>
    <div class="col-sm-9"  style="height: 34px;">
      <select class="select" v-select2='item' v-model="selectValue" style="width: 100%;"></select>
    </div>
  </div>
</template>
<script>
  export default{
    props:['item','name1','label'],
    data(){
      return{
        selectValue:''
      }
    },
    watch:{
      selectValue(){
        this.$emit('onchange',this.selectValue,this.name1);
      },
    }
  }
</script>
<style >
  .select2-container--default .select2-selection--single{
    border-radius: 0!important;
    border-color: #d2d6de!important;
  }
  .select2-container .select2-selection--single{
    height: 34px!important;
  }
</style>
